<script setup lang="ts">
import {useTestStore} from "../store"
const Test = useTestStore()

//解构在index.ts中定义的 store
import {storeToRefs} from "pinia";
//注意 能解构出什么东西，必须是store里面有的东西，
// 然后直接就可以通过current.value来改值
//当然如果是修改Test.current也可以响应式修改
const {current, name} = storeToRefs(Test)

function changePiniaStore(){
  // 1. Test.current++
  // Test.current++
  current.value++
  // 2.Test.$patch({
  //   current:888,
  //   name:"wawa"
  // })

  //3.通过$patch 函数型调用
  // Test.$patch((state)=>{
  //   state.current = 999
  //   state.name = "123"
  // })

  //4.通过在pinia设置中，添加actions
  // Test.setCurrent(59569)
}

function resetPiniaStore(){
  //通过$reset属性可以将store的state恢复初态。
  Test.$reset()
}
</script>

<template>
  <div>pinia:{{Test.current}}--{{Test.name}}</div>
  <div>storeToRef响应式解构:{{current}}--{{name}}</div>
  <button @click="resetPiniaStore">点击resetPiniaStore</button>

  <button @click="changePiniaStore">点击changePiniaStore</button>

</template>

<style>

</style>
